@CHARSET "UTF-8";

table.remoconTb { border-color: #EADAEB }
table.remoconTb tr td {width:100px;height: 100px;background-color:#E8F2FE;text-align: center}
table.remoconTb tr td.buttonTd {background-color:#3F7F7F; font-weight: bold; color: #FFFFFF;}
div.avatar {float:none; position:absolute; top:200px; left:200px;};
div.pollWindow {float:none; position:absolute; top:500px; left:500px;}
div.pollWindow table{background-color: #DDAAFF}


table.avatarListTb { border:2px ridge gray; }
table.avatarListTb th { border:1px ridge silver; vertical-align:middle; height:30px; background-color:#f7f7f7; }
table.avatarListTb td { border:1px ridge silver; vertical-align:middle; height:30px; }

table.remoconUserInfoTable { width:100%; border:0px; }
table.remoconUserInfoTable th { border:0px; background-color:white; text-align:left; }
table.remoconUserInfoTable td { border:0px; background-color:white; text-align:right; }

table.remoconAvatarTable { width:100%; border:0px; }
table.remoconAvatarTable th { height:20px; border:0px; background-color:white; }
table.remoconAvatarTable td { height:20px; border:0px; background-color:white; }
table.remoconAvatarTable td.skyTopLineTd { height:1px; border-top:1px solid #A7D7F9; }

table { border:2px ridge gray; }
table th { border:1px ridge silver; vertical-align:middle; height:30px; background-color:#f7f7f7; }
table td { border:1px ridge silver; vertical-align:middle; height:30px; }

textarea {width:90%;height: 20px;}

table.pollMainTable	{width:100%;height: 768px; border: 0px;}
td.pollMainTd{border: 0px; padding-left:10px;}

table.objPoll {border:5px navy; width: 100%;height: 768px;}
table td.objTitle {border:0px; font-family: "맑은 고딕"; color:white; height:100px; font-size: xx-large;font-weight: bold;padding-left: 20px; padding-right:10px;}	
table td.opt1 {background: -webkit-linear-gradient(top, rgba(239,197,202,1) 0%,rgba(210,75,90,1) 34%,rgba(186,39,55,1) 93%,rgba(186,39,55,1) 100%,rgba(241,142,153,1) 100%);
				vertical-align:top; border:15px solid black; font-family: "맑은 고딕"; text-align:center; font-size: 30pt; color:#EBEBEB; width:50%;height:300px;}
table td.opt2 {background: -webkit-linear-gradient(top, rgba(109,179,242,1) 0%,rgba(84,163,238,1) 27%,rgba(54,144,240,1) 51%,rgba(30,105,222,1) 100%,rgba(54,144,240,1) 100%);
				vertical-align:top; border:15px solid black; font-family: "맑은 고딕"; text-align:center; font-size: 30pt; color:#EBEBEB; width:50%;height:300px;}
table td.opt3 {background: -webkit-linear-gradient(top, rgba(191,210,85,1) 0%,rgba(142,185,42,1) 37%,rgba(114,170,0,1) 100%,rgba(158,203,45,1) 100%);
				vertical-align:top; border:15px solid black; font-family: "맑은 고딕"; text-align:center; font-size: 30pt; color:#EBEBEB; width:50%;height:300px;}
table td.opt4 {background: -webkit-linear-gradient(top, rgba(255,183,107,1) 0%,rgba(255,167,61,1) 34%,rgba(255,124,0,1) 69%,rgba(255,127,4,1) 100%);
				vertical-align:top; border:15px solid black; font-family: "맑은 고딕"; text-align:center; font-size: 30pt; color:#EBEBEB; width:50%;height:300px;}


table.subPoll {border:5px navy; width: 100%;height: 768px;}
table td.subTitle {font-family: "맑은 고딕"; color:white; height:700px; text-align: center;}

table.practice {border:5px navy; width: 100%;height: 768px; background-image:url(../img/practice_bg.png);background-repeat:no-repeat;background-position:50% 50%;}

table.oxPoll {border:5px navy; width: 100%;height: 768px;}
table td.oxTitle {border:0px; font-family: "맑은 고딕"; color:white; height:100px; font-size: xx-large;font-weight: bold;padding-left: 20px; padding-right:10px;}	
table td.oxOpt1 {background: -webkit-linear-gradient(top, rgba(99,169,232,1) 0%,rgba(74,153,228,1) 27%,rgba(44,134,230,1) 51%,rgba(10,95,212,1) 100%,rgba(44,134,230,1) 100%);
					vertical-align:top; border:15px solid black; font-family: "맑은 고딕"; text-align:center; font-size: 28pt; color:#EBEBEB; width:50%;height:600px;}
table td.oxOpt2 {background: -webkit-linear-gradient(top, rgba(245,173,97,1) 0%,rgba(245,157,51,1) 34%,rgba(245,114,0,1) 69%,rgba(245,117,4,1) 100%);
					vertical-align:top; border:15px solid black; font-family: "맑은 고딕"; text-align:center; font-size: 28pt; color:#EBEBEB; width:50%;height:600px;}

span.objTitle{font-size: xx-large;font-weight: bold;}
span.subTitle{font-size: xx-large;font-weight: bold;}
span.oxTitle{font-size: xx-large;font-weight: bold;}

div.balloon{background-image: url('../img/talk.png');width: 150px; height: 50px;text-align: center;padding-top: 10px;background-repeat: no-repeat; font-family:"맑은 고딕"; color:black; font-size:small;}

div.subPollAswDiv{background-color: #F7E892;position: absolute;top: 100px;left: 10px;width: 300px;height: 180px; text-align: center;padding-top: 120px;}

td.rankTitle{background-image: url('../img/diet_ranking_title.png');
			background-repeat:no-repeat;
			background-size:190px 50px;
			width:190px;
			border:0px;
			height:50px;}
td.rankBody{background-image: url('../img/diet_ranking_body.png');
			background-repeat:no-repeat;
			background-size:190px 50px; 
			width:190px;
			height:50px;
			font-size: large; 
			padding-left: 13px;
			border:0px;
			padding-top: 2px;}
span.rankNum{ font-weight: bold;color: yellow;font-size: x-large;}
span.rankUsrNm{ font-family: "맑은 고딕"; color: black;font-size: x-large;padding-left: 5px;}
span.rankScore{ text-align:right; font-weight: bold;color: white;font-size: x-large;padding-left: 3px;}
td.rankInTd{vertical-align: top; border: 0px; padding-right:5px; padding-top:10px;}
table.rankTable {border:solid 0px;}
table.rankTable th { border:solid 0px; pading:0px; }
table.rankTable td { border:solid 0px; pading:0px; }

div.avatarId { font-weight:bold; color:white; font-family:"맑은 고딕"; }

table.indexPage{width: 100%;border: 0px;margin:0px;}
td.metroColor1{background-color: #ABD43A;height:100px;}
td.metroColor2{background-color: #56BE4D;height:100px;}
td.metroColor3{background-color: #00B1F7;height:100px;}
td.metroColor4{background-color: #FF9620;height:100px;}
div.indexTitle{font-size: x-large;font-weight: bold;text-align: center}

div.defaultDiv{
	border:1px solid #A7D7F9;
  border-bottom-left-radius:0.8em;
  border-bottom-right-radius:0.8em;
  border-top-left-radius:0.8em;
  border-top-right-radius:0.8em;
  margin:0.5em;
  overflow:auto;
  padding:1em;
  vertical-align:top;
}

table.defaultTable{
	border:1px solid #A7D7F9;
  border-bottom-left-radius:0.8em;
  border-bottom-right-radius:0.8em;
  border-top-left-radius:0.8em;
  border-top-right-radius:0.8em;
  margin-top:0.5em;
  overflow:auto;
  padding:1em;
  vertical-align:top;
  font-size:medium;
  text-align: center;
  width: 100%;
}
table.defaultTable th { border:1px solid #A7D7F9; border-radius:0.4em; background-color:#A7C7FF; color:white; font-weight:bold; font-size:14pt; }

table.defaultTable td { border:0px; padding:0px; margin:0px; }
table.defaultTable td.skyTopLineTd { height:1px; border-top:1px solid #A7D7F9; }
table.defaultTable td.blackTopLineTd { height:1px; border-top:1px solid black; }

table.lastResultRankTable { border:0px; }
table.lastResultRankTable th { border:0px; }
table.lastResultRankTable td { border:0px; }
table.lastResultRankTable td.congratulationTop { height:70px; background-image:url(../img/congratulation.png); background-repeat:no-repeat; background-position:50% 50%; background-size:500px 70px;}
table.lastResultRankTable td.congratulationBottom { height:100px; background-image:url(../img/con_bottom.png); background-repeat:no-repeat; background-position:50% 50%; background-size:300px 100px; }
	
tr.linkTr:hover{
	background-color: #F2F2F3;
	cursor: pointer;
}

div.titleTh{
	background-color:#BBDDFF;
  border-bottom-left-radius:0.5em;
  border-bottom-right-radius:0.5em;
  border-top-left-radius:0.5em;
  border-top-right-radius:0.5em;
  font-size:1.2em;
  font-weight:bold;
  line-height:1.2em;
  margin-bottom:0.7em;
  overflow:visible;
  padding:0.2em 0.5em;
}
div.defaultBtnDiv{
	background-color: #d14836;
	border: transparent 1px solid;
	border-radius : 2px;
	color :#fff;
	cursor:default;
	display :inline-block;
	font-family:arial,sans-serif;
	font-weight:bold;
	height:27px;
	line-height:27px;
	margin-right:0px;
	min-width:97px;
	-moz-border-radius:2px;
	outline-color:invert;
	outline-style:none;
	outline-width:0px;
	padding-bottom:0px;
	padding-left:8px;
	padding-right:8px;
	padding-top:0px;
	position:relative;
	text-align:center;
	text-shadow:0 1px rgba(0,0,0,0.1);
	-webkit-border-radius:2px;
	white-space:nowrap;
}
div.defaultBtnDiv:hover{
	cursor: pointer;
}
	 
span.closeBtn{
	background:#000000;
	color:#FFFFFF;
}

li{
	list-style: none;
}

input.mobileInputText { width:97%; height:30px; font-size:20px; }
input.mobileInputButton { border:5px solid #9ABAFF; border-radius:0.2em; width:98%; height:50px; background-color:#8A9AFF; color:white; font-size:16pt; font-weight:bold; }

span.ptStatNm{
	font-size: large;
	color: maroon;
}

td.skyLineTd 

td.blackLineTd { height:1px; border-top:1px solid black; }

label.remoconLabel { font-weight:bold; font-size:20pt; }
div.remoconDiv { border:1px solid yellow; background-color:#F7E892; top:100px; left:10px; width:100%; height:180px; text-align:center; }
